/*
 * jQuery Easytip 1.0
 *
 * http://jeroenweustink.nl/easytip
 *
 * Copyright (c) 2009 Jeroen Weustink
 *
 * GPL license:
 * http://www.gnu.org/licenses/gpl.html
 */
(function($){

    $.fn.easytip = function(options) {

        var defaults = {
            message : 'Hello world',
            useAttribute : false,
            cssBackground: '#EEE',
            cssColor: '#000',
            cssBorder: '1px solid #DDD',
            cssPadding: '5px',
            cssWidth: '250px',
            cssTextAlign: 'left'
        };
        var options = $.extend(defaults, options);

        // Check if an attribute value should be used
        if(options.useAttribute !== false){
            options.message = $(this).attr(options.useAttribute);
        }
        // Create tooltip container
        $('body').append('<div id="jqueryTooltipContainer" style="display:none"></div>');

        // Check mouse movement
        $(this).mousemove(function(e){

            // Set text
            $('#jqueryTooltipContainer').html(options.message);

            // Apply css to div
            $('#jqueryTooltipContainer').css('position','absolute');
            $('#jqueryTooltipContainer').css('z-index','999');
            $('#jqueryTooltipContainer').css('padding',options.cssPadding);
            $('#jqueryTooltipContainer').css('color',options.cssColor);
            $('#jqueryTooltipContainer').css('background',options.cssBackground);
            $('#jqueryTooltipContainer').css('width',options.cssWidth);
            $('#jqueryTooltipContainer').css('background',options.cssBackground);
            $('#jqueryTooltipContainer').css('border',options.cssBorder);
            $('#jqueryTooltipContainer').css('text-align',options.cssTextAlign);

            // Show tooltip container is dsiaply is none
            if($('#jqueryTooltipContainer').css('display') == 'none'){
                $('#jqueryTooltipContainer').show();
            }
            // Set position of tooltip
            $('#jqueryTooltipContainer').css('left',e.pageX+15 + 'px');
            $('#jqueryTooltipContainer').css('top',e.pageY-5 + 'px');

        }).mouseout(function(){
            // Hide tooltip
            $('#jqueryTooltipContainer').hide();
        });
    }
})(jQuery);